<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/vivo.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="xiagu">
			<header><!--头部-->
			<div class="shanglu">
				<div class="daohanglan"><!--导航栏-->
					<ul class="vivo">
						<li><a href="http://renluting.gitee.io/vivosanyemian/vivo"><i class="iconfont icon-vivologo"></i></a></li>
						<div class="clear"></div>
					</ul>
					
					<ul class="sousuo">
							<li><a href="#"><img src="img/vivosousuo_03.jpg"/></a></li>
							<li><a href="#"><img src="img/vivoren_05.jpg"/></a></li>
							<div class="clear"></div>
					</ul>
					
						<div class="shangzhong">
							<ul class="daohanglanzhongjian">
								<li><a href="#">Xplay系列</a></li>
								<li><a href="#">X系列</a></li>
								<li><a href="#">Y系列</a></li>
								<li><a href="#">商城</a></li>
								<li><a href="#">Funtouch OS</a></li>
								<li><a href="#">服务</a></li>
								<li><a href="#">社区</a></li>
							</ul>
						</div>
				</div>
			</div>
			
			</header>
			<div class="guanfangshangcheng"><img src="img/vivoguanfangshangcheng_03.jpg"/></div><!--顶部-->
			<div class="guanfang">
				<ul class="bangzhu">
					<li class="bang"><i class="iconfont icon-bangzhuzhongxin"></i><a href="">帮助中心</a></li>
					<li class="gou"><i class="iconfont icon-gouwuche"></i><a href="">购物车(0)</a></li>
					<div class="clear"></div>
				</ul>
				
				<ul class="guanfangshangchengxiamian">
					<li class="guan"><span></span>官方正品</li>
					<li class="man"><span></span>满68包邮</li>
					<li class="tian"><span></span>30天退换货</li>
					<li class="quan"><span></span>全国网点售后</li>
				</ul>
				
			</div>
			<div class="lunbotu"><!--轮播图-->
			<div class="kv">
						<ul class="pic">
							<li class="picyi"><a href=""><img src="img/vivolunboyi.jpg" alt="" /></a></li>
							<li class="picer"><a href=""><img src="img/vivolunboer.jpg" alt="" /></a></li>
							<li class="picsan"><a href=""><img src="img/vivolunbo.jpg" alt="" /></a></li>
							<li class="picsi"><a href=""><img src="img/vivolunbowu.jpg" alt="" /></a></li>
							<li class="picwu"><a href=""><img src="img/vivolunbosi.jpg" alt="" /></a></li>
						</ul>
						<ul class="circle">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
			</div>
			<!--轮播图下面的-->
			<div class="lunxia">
				<div class="lun">
					<div class="lunbotuxiamianyi"><a href=""><img src="img/lunbotuxiayi.jpg"/></a></div>
					<div class="lunbotuxiamianer"><a href=""><img src="img/lunbotuxiaer.jpg"/></a></div>
					<div class="lunbotuxiamiansan"><a href=""><img src="img/lunbotuxiasan.jpg"/></a></div>
					<div class="lunbotuxiamiansi"><a href=""><img src="img/lunbotuxiasi.jpg"/></a></div>
				</div>
			</div>	
			<div class="xinpin">
				<div>
					<p>新品专区</p>
				</div>
			</div>
			<!--中部-->
			<div class="xin">
				<div class="xinpinzhuanqu">		
					<div><a href=""><img src="img/xinpinzhuanquyi.jpg"/></a></div>
					<div><a href=""><img src="img/xinpinzhuanquer.jpg"/></a></div>
					<div><a href=""><img src="img/xinpinzhuanqusan.jpg"/></a></div>			
				</div>
			</div>
			<div class="remaizhuanqu">
				<div class="remai">
					<div>热卖专区</div>
					<div><a href="#">更多&gt;</a></div>
					<div class="clear"></div>
				</div>	
			</div>		
				
				
			<div class="xershi">
				<ul class="quanmianping">
					<li><a href=""><img src="img/vivosi_03.jpg"/></a></li>
				</ul>
					<ul class="xershiyi">
						<li class="tu"><a href=""><img src="img/vivowu_06.jpg"/></a></li>
						<li class="shang">X20 旗舰版</li>
						<li class="zhong">购机赠鹿晗礼盒|128G大内存</li>
						<li class="xia">¥ 3398.00</li>
					</ul>
					<ul class="xjiu">
						<li class="xjiuyi"><a href=""><img src="img/vivoliu_06.jpg"></a></li>
						<li class="xjiuer">X9s 全网通</li>
						<li class="xjiusan">直降500元|柔光双摄</li>
						<li class="xjiusi">¥ 1998.00</li>
					</ul>
			</div>	
			<div class="xiaobox">
			
				<ul class="xplayliu">
					<li class="xplayliuyi"><a href=""><img src="img/vivoqi_15.jpg"></a></li>
					<li class="xplayliuer">Xplay6 全网通</li>
					<li class="xplayliusan">直降500元|12期分期免息</li>
					<li class="xplayliusi">¥ 3498.00</li>
				</ul>
				<ul class="yi">
					<li class="yiyi"><a href=""><img src="img/vivoba_17.jpg"></a></li>
					<li class="yier">Y66i 全网通</li>
					<li class="yisan">Face Wake面部识别</li>
					<li class="yisi">¥ 1298.00</li>
				</ul>
				<ul class="ya">
					<li class="yayi"><a href=""><img src="img/vivojiu_03.jpg"></a></li>
					<li class="yaer">Y67A 全网通</li>
					<li class="yasan">直降200元|1600万柔光自拍</li>
					<li class="yasi">¥ 1598.00</li>
				</ul>
				<ul class="y">
					<li class="yyi"><a href=""><img src="img/vivoshi_20.jpg"></a></li>
					<li class="yer">Y53 全网通</li>
					<li class="ysan">直降100元|性价比推荐</li>
					<li class="ysi">¥ 899.00</li>
				</ul>
			</div>
			<div class="jing">
				<div>
					
					<ul>
						<li class="chongdian">充电器/数据线</li>
						<li class="baohu">保护膜/保护壳</li>
						<li class="erji">耳机/音响</li>
						<li class="gengduo"><a href="">更多&gt;</a></li>	
						<div class="clear"></div>
					</ul>
					<p>精品配件</p>
				</div>
			</div>	
			<div class="jingpinxia">	
				<ul class="shanchong">
					<li class="shanchongyi"><a href="#"><img src="img/vivoshiyi_03.jpg"></a></li>
					<li class="shanchonger">原装闪冲充电器</li>
					<li class="shanchongsan">双引擎闪冲|充电更快速</li>
					<li class="shanchongsi">¥ 85.00</li>
				</ul>								
			<ul class="dataline">
				<li class="datalineyi"><a href="#"><img src="img/vivoshier_06.jpg"></a></li>
				<li class="datalineer">原装闪冲数据线</li>
				<li class="datalinesan">2A电流输出|充电更快速</li>
				<li class="datalinesi">¥ 29.00</li>
			</ul>
			<ul class="bracelet">
				<li class="braceletyi"><a href="#"><img src="img/vivoshisan_03.jpg"></a></li>
				<li class="braceleter">乐心手环Mambo2</li>
				<li class="braceletsan">直降20元|24小时心率监测</li>
				<li class="braceletsi">¥ 149.00</li>
			</ul>
			<ul class="steelfilm">
				<li class="steelfilmyi"><a href="#"><img src="img/vivoshisi_06.jpg"></a></li>
				<li class="steelfilmer">X20原装柔性钢化膜</li>
				<li class="steelfilmsan">全面保护|两件包邮</li>
				<li class="steelfilmsi">¥ 29.00</li>
			</ul>
			</div>
			<div class="jingpinpeijianxiaxia">
				<ul class="protectivefilm">
				<li class="protectivefilmyi"><a href="#"><img src="img/vivoshiwu_19.jpg"></a></li>
				<li class="protectivefilmer">X20硅胶手机保护膜</li>
				<li class="protectivefilmsan">防汗防油|保护手机</li>
				<li class="protectivefilmsi">¥ 89.00</li>
			</ul>
			<ul class="earphone">
				<li class="earphoneyi"><a href="#"><img src="img/vivoshiliu_22.jpg"></a></li>
				<li class="earphoneer">XE600i原装耳机</li>
				<li class="earphonesan">入耳设计|卓越音质</li>
				<li class="earphonesi">¥ 99.00</li>
			</ul>
			<ul class="Credit">
				<li class="Credityi"><a href=""><img src="img/vivoshiqi_25.jpg"></a></li>
				<li class="Crediter">飞智 Wee拉伸手柄</li>
				<li class="Creditsan">拉伸自如|畅玩安卓手游</li>
				<li class="Creditsi">¥ 199.00</li>
			</ul>
			<ul class="bluetoothheadset">
				<li class="bluetoothheadsetyi"><a href="#"><img src="img/vivoshiba_22.jpg"></a></li>
				<li class="bluetoothheadseter">QCY Q25蓝牙耳机</li>
				<li class="bluetoothheadsetsan">纤薄轻巧|高清通话</li>
				<li class="bluetoothheadsetsi">¥ 129.00</li>
			</ul>
			</div>
<!--底部--><div class="dibu">
				<div class="baozheng">
					<h4><a href="#"><span></span>官方正品</a></h4>
					<h4><a href="#"><span></span>满68包邮</a></h4>
					<h4><a href="#"><span></span>30天退换货</a></h4>
					<h4><a href="#"><span></span>全国网点售后</a></h4>
					<p class="xian"></p>
				</div>
				<div class="dibubox">
					<div class="dibuyi">
						<ul>
							<li><a href="#">热门链接</a></li>
							<li><a href="#">X20Plus</a></li>
							<li><a href="#">X20</a></li>
							<li><a href="#">vivo摄影</a></li>
							<li><a href="#">查找手机</a></li>
							<li><a href="#">体验中心</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</div>
					<div class="dibuer">
						<ul>
							<li><a href="#">在线购买</a></li>
							<li><a href="#">官方商城</a></li>
							<li><a href="#">选购手机</a></li>
							<li><a href="#">选购配件</a></li>
							<li><a href="#">选购碎屏宝</a></li>
							<li><a href="#">以旧换新</a></li>
							<li><a href="#">服务保障</a></li>
						</ul>
					</div>
					<div class="dibusan">
						<ul>
							<li><a href="#">服务支持</a></li>
							<li><a href="#">服务首页</a></li>
							<li><a href="#">服务网点查询</a></li>
							<li><a href="#">真伪查询</a></li>
							<li><a href="#">服务政策</a></li>
							<li><a href="#">预约维修</a></li>
							<li><a href="#">维修配件价格</a></li>
						</ul>
					</div>
					<div class="dibusi">
						<ul>
							<li><a href="#">vivo社区</a></li>
							<li><a href="#">社区首页</a></li>
							<li><a href="#">摄影专区</a></li>
							<li><a href="#">微博</a></li>
							<li><a href="#">贴吧</a></li>
							<li><a href="#">兴趣部落</a></li>
						</ul>
					</div>
					<div class="dibuwu">
						<ul>
							<li><a href="#">关于vivo</a></li>
							<li><a href="#">vivo简介</a></li>
							<li><a href="#">工作机会</a></li>
							<li><a href="#">新闻资讯</a></li>
							<li><a href="#">采购平台</a></li>
							<li><a href="#">开发者平台</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="lastone">
				<ul class="zuihou">
					<li class="bubugao">Copyright ©2011-2017 广东步步高电子工业有限公司 版权所有 保留一切权利 | <a href="#" class="yinsi">隐私政策</a> | <a href="#" class="falv">法律声明</a> | <a href="#">粤B2-20080267</a> | <a href="#" >粤ICP备05100288号</a></li>
					<li class="guanzhu"><a href="#" class="ershibaer">关注vivo</a></li>
					<li>|</li>
					<li class="guojiguanwang"><a href="#" class="ershibaer">国际官网</a></li>
				</ul>
				<div class="clear"></div>
			</div>
			
				<div class="youxiajiao">
					<ul class="guding">
						<li><a href=""><i class="iconfont icon-gouwuche"></i></a></li>
						<li><a href=""><i class="iconfont icon-bangzhuzhongxin"></i></a></li>
					</ul>
				</div>
				
					
					
					
				
		</div>
		
		
		
		<div class="last">
			
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jquery.min.js"> 
	
</script>
<script type="text/javascript" src="js/common.js"> 
	
</script>